import { useContext } from 'react';
import { context } from './AppProvider';

function ShowCounter() {
  //2 使用useContext接受context的数据
  const data = useContext(context);
  console.log(data); //定义的全局数据
  return (
    <div>
      <h1>展示数据的组件--{data.count}</h1>
      <p>{data.title}</p>
      <button onClick={data.plus}>点击+1</button>
    </div>
  );
}

export default ShowCounter;
